<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>首页</title>
		<link href="/static/lvshi_pc/css/person.css" rel="stylesheet" />
		<link href="/static/lvshi_pc/css/swiper-bundle.min.css" rel="stylesheet" />
		<link href="/static/lvshi_pc/css/animate.min.css" rel="stylesheet" />
		<link href="/static/lvshi_pc/css/reset.min.css" rel="stylesheet" />
		<script src="/static/lvshi_pc/js/swiper-bundle.min.js"></script>
		<script src="/static/lvshi_pc/js/jquery.min.js"></script>
		<script src="/static/lvshi_pc/js/wow.min.js"></script>
		<script src="/static/lvshi_pc/js/changeWindow.js"></script>
		<style>
			#lba .swiper-button-prev:after,
			.swiper-container-rtl .swiper-button-next:after {
				color: #ffffff !important;
			}

			#lba .swiper-button-next:after,
			.swiper-container-rtl .swiper-button-prev:after {
				color: #ffffff !important;
			}

			.mt45 .swiper-button-prev:after,
			.swiper-container-rtl .swiper-button-next:after {
				content: none !important;
			}

			.mt45 .swiper-button-next:after,
			.swiper-container-rtl .swiper-button-prev:after {
				content: none !important;
			}

			.mt45 .swiper-button-prev,
			.swiper-container-rtl .swiper-button-next {
				left: -70px !important;
			}

			.mt45 .swiper-button-next,
			.swiper-container-rtl .swiper-button-prev {
				right: -70px !important;
			}
		</style>
	</head>
	<body>
		<header>
			{include file="public/header"}
		</header>
		<div class="position-r">
			<div class="swiper-container" id="lba">
				<div class="swiper-wrapper">
					{ht:banner id="vo" flag="pc"}
					<div class="swiper-slide">
						<img src="{$vo.image}" class="lbPic">
					</div>
					{/ht:banner}
				</div>
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
			</div>
			<div class="gaobox">
				<img src="/static/lvshi_pc/images/gao_03.png" class="gaopic" alt="">
				<div class="swiper-container" id="lbb">
					<div class="swiper-wrapper">
						{ht:article category_id="1" id="vo" length="5"}
						<div class="swiper-slide">
							<div class="gaotxt oneline">
								{$vo.title}
							</div>
						</div>
						{/ht:article}
					</div>
				</div>
			</div>
		</div>

		<div class="sabox">
			<div class="wrap wow fadeInUp">
				<div class="htitle">
					关于<span>我们</span>
				</div>
				<div class="fubox">
					{$config.jianjie|raw}
					<img src="/static/lvshi_pc/images/shi_13.png" class="fubg" alt="">
				</div>
			</div>
		</div>

		<div class="wubga">
			<div class="wrap">
				<div class="btitle">
					服务<span>领域</span>
				</div>
				<div class="zaibox">
					<ul>
						<a href="/index/index/service.html">
							<li class="wow fadeInUp"  data-wow-delay="0.2s">
								<img src="/static/lvshi_pc/images/fa_16.png" class="zaipic" alt="">
								<div class="zaitxt">
									课程下载
								</div>
							</li>
						</a>
						<a href="/index/index/service.html">
							<li class="wow fadeInUp"  data-wow-delay="0.4s">
								<img src="/static/lvshi_pc/images/fb.png" class="zaipic" alt="">
								<div class="zaitxt">
									推荐产品
								</div>
							</li>
						</a>
						<a href="/index/index/service.html">
							<li class="wow fadeInUp"  data-wow-delay="0.6s">
								<img src="/static/lvshi_pc/images/fc_17.png" class="zaipic" alt="">
								<div class="zaitxt">
									主要服务
								</div>
							</li>
						</a>
						<a href="/index/index/service.html">
							<li class="wow fadeInUp"  data-wow-delay="0.8s">
								<img src="/static/lvshi_pc/images/fd_17.png" class="zaipic" alt="">
								<div class="zaitxt">
									我的合同
								</div>
							</li>
						</a>
					</ul>
				</div>
			</div>
		</div>

		<div class="guang">
			<div class="wrap wow fadeInUp">
				<div class="htitle">
					<span>广告栏</span>
				</div>

				<div class="position-r mt45">
					<div class="swiper-container" id="lbc">
						<div class="swiper-wrapper">
							{ht:article category_id="3" id="vo"}
							<div class="swiper-slide">
								<a href="{$vo.href}">
									<div class="gswiper">
										<img src="{$vo.image ?? '/static/lvshi_pc/images/ga_19.png'}" class="lbPic">
										<div class="gluntxt oneline">
											{$vo.title}
										</div>
									</div>
								</a>
							</div>
							{/ht:article}
						</div>
					</div>
					<div class="swiper-button-next">
						<img src="/static/lvshi_pc/images/lr_22.png" class="next" alt="">
					</div>
					<div class="swiper-button-prev">
						<img src="/static/lvshi_pc/images/ll_22.png" class="next" alt="">
					</div>
				</div>
			</div>
		</div>
		<div class="huibg">
			<div class="wrap wow fadeInUp">
				<div class="htitle">
					案例<span>精选</span>
				</div>
				<div class="anbox">
					<ul>
						{ht:article category_id="2" length="4" id="vo"}
						<a href="{$vo.href}">
							<li>
								<div class="annei">
									<div class="antitle oneline">
										{$vo.title}
									</div>
									<div class="antime">
										发布日期: {$vo.create_time}
									</div>
									<div class="antxt threelines">
										{$vo.content|strip_tags|mb_substr=0,90}
									</div>
								</div>
							</li>
						</a>
						{/ht:article}
					</ul>
				</div>
				<a href="/index/index/case.html">
					<div class="seemore">
						查看更多
					</div>
				</a>
			</div>
		</div>



		<footer>
			{include file="public/footer"}
		</footer>
		<script type="text/javascript">
			var mySwiper = new Swiper('#lba', {
				// loop: true,
				autoplay: {
					delay: 4000
				},
				navigation: {
					nextEl: ".swiper-button-next",
					prevEl: ".swiper-button-prev",
				},
				pagination: {
					el: '.swiper-pagination',
					clickable: true,
				}
			});
			var mySwiper = new Swiper('#lbb', {
				loop: true,
				autoplay: true,
				direction: "vertical",
			});
			var mySwiper = new Swiper('#lbc', {
				slidesPerView: 4,
				spaceBetween: 30,
				loop: true,
				autoplay: true,
				navigation: {
					nextEl: ".swiper-button-next",
					prevEl: ".swiper-button-prev",
				},
			});
			// wow效果启用
			new WOW().init();
		</script>
	</body>

</html>